/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%}body {  margin: 0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block}audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline}audio:not([controls]) {  display: none;  height: 0}[hidden],template {  display: none}a {  background-color: transparent}a:active,a:hover {  outline: 0}abbr[title] {  border-bottom: 1px dotted}b,strong {  font-weight: bold}dfn {  font-style: italic}h1 {  font-size: 2em;  margin: 0.67em 0}mark {  background: #ff0;  color: #000}small {  font-size: 80%}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline}sup {  top: -0.5em}sub {  bottom: -0.25em}img {  border: 0}svg:not(:root) {  overflow: hidden}figure {  margin: 1em 40px}hr {  -webkit-box-sizing: content-box;  box-sizing: content-box;  height: 0}pre {  overflow: auto}code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em}button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0}button {  overflow: visible}button,select {  text-transform: none}button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer}button[disabled],html input[disabled] {  cursor: default}button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0}input {  line-height: normal}input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto}input[type="search"] {  -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  box-sizing: content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none}fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em}legend {  border: 0;  padding: 0}textarea {  overflow: auto}optgroup {  font-weight: bold}table {  border-collapse: collapse;  border-spacing: 0}td,th {  padding: 0}body {  background-color: #fff;  font-size: 20px;  line-height: 1.6;  font-family: "helveticaNeue", helvetica, sans-serif;  color: #9e9e9e;  -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;  overflow-x: hidden}.gigantic,.huge,.large,.bigger,.big,h1,h2,h3,h4,h5,h6 {  color: #585858;  font-weight: bold;  margin: 0 0 10px 0;  /*  font-family: "Merriweather Sans", sans-serif;*/}.gigantic {  font-size: 110px;  line-height: 1.09;  letter-spacing: -2px}.huge,h1 {  font-size: 68px;  line-height: 1.05;  letter-spacing: -1px}.large,h2 {  font-size: 42px;  line-height: 1.14}.bigger,h3 {  font-size: 26px;  line-height: 1.38}.big,h4 {  font-size: 22px;  line-height: 1.38}.small,small {  font-size: 10px;  line-height: 1.2}p {  margin: 0 0 20px 0}em {  font-style: italic}strong {  font-weight: bold}hr {  border: solid #ddd;  border-width: 1px 0 0;  clear: both;  margin: 10px 0 30px;  height: 0}::-moz-selection {  background: #FFF498}::selection {  background: #FFF498}img::-moz-selection {  background: transparent}img::selection {  background: transparent}body {  -webkit-tap-highlight-color: #FFF498}.no-margin {  margin: 0}.no-padding {  padding: 0}a {  display: inline-block;  color: #2046f2;  text-decoration: none}ul,ol {  margin: 0;  padding: 0;  list-style: none}input,textarea {  outline: none}.bold {  font-weight: 700}.italic {  font-style: italic}.wrapper,.wrapper--small,.wrapper--large {  position: relative;  max-width: 90%;  height: 100%;  margin: 0 auto}.wrapper--small {  width: 980px}.wrapper--large {  width: 1170px}/* --------- Blank Theme----------- */aside h3:empty {  display: none;}.animate{  transition: all 0.1s;  -webkit-transition: all 0.1s;}button, .button, #main-content .com_yourhead_stack_button_stack > div > a {  position: relative;  padding: 10px 40px;  margin: 0px 10px 10px 0px;  float: left;  border-radius: 4px;  line-height: 20px;  font-size: 20px;  color: #FFF;  text-decoration: none;  background-color: #3498DB;  -webkit-box-shadow: 0px 5px 0px #2980B9;  box-shadow: 0px 5px 0px #2980B9;  text-shadow: 0px -2px #2980B9;  -webkit-transition: all ease 100ms;  transition: all ease 100ms;}button:active, .button:active, #main-content .com_yourhead_stack_button_stack > div > a:active {  transform: translate(0px,4px);  -webkit-transform: translate(0px,4px);  -webkit-box-shadow: 0px 1px 0px #2980B9;  box-shadow: 0px 1px 0px #2980B9;}/* --------- Single Column Stack ----------- */.stacks_top > div > .stacks_out > .stack_stack {  padding: 100px 20px;}.stacks_top > div > .stacks_out > .stack_stack > div {  max-width: 960px;  width: 100%;  margin: 0 auto;  -webkit-box-sizing: border-box;  box-sizing: border-box;}#stacks, #themes {
    text-align: center;
    padding-top: 100px;
}
.links h1, .links h2, .links h3, .links h4 {
    color: #fff;
    font-family: 'Arvo', serif;
}
.links h1, .links h2 {
    margin: 60px 0px 30px 0px;
}
.links h3, .links h4 {
  white-space: nowrap;   
}
h3 {
	color: #fff;
}
.fix-stack-width {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px;
}
.fix-stack-width img {
   width: 128px;
}
.fix-stack-width .links a, .iframe-links a {
    color: rgba(255,255,255,.5);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 4px;
    font-size: 14px;
    width: 90%;
    line-height: 30px;
    margin: 3px 0px;
    transition: all 300ms ease;
}
.fix-stack-width .links a:hover, .iframe-links a:hover {
    color: #fff;
    border-color: #fff;
    text-shadow: 0px 0px 10px #FFFFFF;
    box-shadow: 0px 0px 10px #FFFFFF,inset 0px 0px 10px #FFFFFF;
}
.prices {
    margin-bottom: 15px;
}
.prices span {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px !important;
}
.prices span.original {
   text-decoration: line-through;
}
.prices span.thirty {
  color: #fff;
  text-shadow: 0px 0px 10px #00FEFF;
}
.prices span.fifty {
  color: #fff;
  text-shadow: 0px 0px 10px #FF006E;
}
.fix-stack-width .links a:nth-child(3) {
    display: none;
}
.fix-stack-width h3,.fix-stack-width h4 {
    font-size: 15px;
    color: #fff;
}
.fix-stack-width .product-desc {
    display: none;
    position: absolute;
    background: #222;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 16px;
    width: 200px;
}
.fix-item-inner-icon, .fix-item-inner-text {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
    margin-bottom: 0 !important;
}
.fix-item-inner {
  padding: 10px 0px !important;   
}
.product-column {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.product-column img {
   width: 290px;
}
.product-column .links a {
    display: inline-block;
    color: rgba(255,255,255,.5);
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 4px;
    font-size: 14px;
    width: 130px;
    line-height: 30px;
    margin: 3px 0px;
    transition: all 300ms ease;
}
.product-column .links a:hover {
    color: #fff;
    border-color: #fff;
    text-shadow: 0px 0px 10px #FFFFFF;
    box-shadow: 0px 0px 10px #FFFFFF,inset 0px 0px 10px #FFFFFF;
}
.product-column .links a:nth-child(3) {
    display: none;
}
#fix-stacks_in_43_page0 .fix-item .fix-item-inner-icon {
    color: rgba(255,255,255,0.15) !important;
    margin-right: 5px;
}
#fix-stacks_in_43_page0 .fix-item .fix-item-inner:hover .fix-item-inner-icon {
    color: rgba(255,255,255,0.15);
}
#fix-stacks_in_43_page0.fixed {
	max-width: 960px !important;
}
.coup25,.coup50 {
    cursor: pointer;
    position: relative;
    opacity: .75;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}
.coup25:hover,.coup50:hover {
    opacity: 1;
}
.coup25:after,.coup50:after {
    content: "Code copied!";
    position: absolute;
    background: #333;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 16px;
    top: -40px;
    right: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 300ms ease;    
    transition: all 300ms ease;
    text-shadow: none;
    font-weight: 400;
}
.coup25.copied:after,.coup50.copied:after {
    top: -50px;
    opacity: 1;
}
img[alt="Typography"] {
    background: #333;
}
.lity-container {
  width: 90% !important;   
  max-width: 90% !important;
}
.lity-container iframe {
    height: 87vh !important;
    top: 3vh !important;
    background: transparent !important;
}


.lity-content:before {
  content: '';
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 5px solid grey;
  border-top-color: black;
  -webkit-animation: loading 2s linear infinite;
          animation: loading 2s linear infinite;
}
.lity-iframe-container {
	position: relative;
	z-index: 101 !important;	
	height: 90vh !important;
	padding: 0 !important;
}
.lity-wrap > .iframe-links {
      position: absolute;
      z-index: 9999;
  top: 2vh;
  left: 7vw;
  max-width: 86vw;
  width: 100%;
  margin: 0 auto;
  text-align: left;

}
.lity-wrap > .iframe-links a {
    width: 140px;
    text-align: center;
      height: 5vh;
  line-height: 5vh;
  margin: 0 !important;
}
.lity-wrap > .iframe-links a:nth-child(2) {
    float: right;
}
.lity-wrap > .iframe-links a:hover {
    color: #fff;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


.fix-stack-width {
    position: relative;
    overflow: hidden;
}
.badge {
    position: absolute;
    top: 80px;
    right: 30px;
    font-size: 30px;
    text-shadow: 1px 0px 0px #fff,
        -1px 0px 0px #fff,
        0px 1px 0px #fff,
        0px -1px 0px #fff;
    width: 30px;
}
.badge-black{color: #333;}
.badge-grey{color: #999;}
.badge-blue{color: #39d;}
.badge-green{color: #2c7; top: 0;}
.badge-turquoise{color: #1b9;}
.badge-purple{color: #95b;}
.badge-red{color: #e43;}
.badge-orange{color: #e82;}
.badge-yellow{color: #ec0;}
.badge-green:after {
    content: "New";
    color: #fff;
    font-size: 10px;
    text-shadow: none;
    position: absolute;
    left:5px;
    top: 15px;
}
.product-column .badge {
    top: 145px;
    right: 0px;
}
.badge-orange:hover {
    cursor: help;
}
.badge-orange:before{
    content: "Recent Hot Seller";
}
.badge-blue:hover {
    cursor: help;
}
.badge-blue:before{
    content: "1LD Top 10 Stacks";
}
.badge-red:hover {
    cursor: help;
}
.badge-red:before{
    content: "1LD Dev Favorite";
}
.badge-black:hover {
    cursor: help;
}
.badge-black:before{
    content: "For Developers";
}
.badge:before {
    opacity: 0;
        color: #555;
    background: #fff;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 200ms ease; 
    transition: all 200ms ease; 
        font-size: 12px;
    color: #fff;
    background: #333;
    padding: 5px 10px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: -30px;
    width: 70px;
    text-shadow: none;
    pointer-events: none;
}
.badge:hover:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.stack-search {
  display: block;
  margin: 0 auto 15px auto;
  background: #000;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 3px 10px;
    width: 230px;
   -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
.ui-autocomplete {
    font-size: 16px;
    background: #333;
    width: 230px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 0px;
}
.ui-autocomplete a {
    color: #aaa;
    padding: 3px 10px;
}
.ui-autocomplete a:hover {
    color: #fff;
    cursor: pointer;
}
.ui-helper-hidden-accessible {
	display: none !important;
}